<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>蓝景培训</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/bootstrap/bootstrap.css" />
		<link rel="stylesheet" href="css/publicity.css" />
	</head>
	<body>
		<header>
			<!--导航-->
     		<nav>
     			<div class="container">
     				<div class="row">
     					<div class="col-lg-1 col-md-2 hidden-sm col-xs-6 nav-items">
     						<div class="dropdown">
	     						<a id="dLabel" data-target="#" href="index.html" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
	     							HOME    						
								    <span class="caret hidden-lg hidden-md"></span>
								</a>								
								<ul class="dropdown-menu hidden-lg hidden-md" aria-labelledby="dLabel">
								   	<li>
								   		<a href="index.html">蓝景技术</a>
								   	</li>
								   	<li>
								   		<a href="train.html">蓝景营销</a>
								   	</li>
								   	<li>
								   		<a href="publicity.html">蓝景培训</a>
								   	</li>
								</ul>
							</div>
     					</div>
     					<div class="col-lg-1 col-md-2 col-sm-3 hidden-xs col-lg-push-4 col-md-push-2 col-sm-push-1 nav-items">
     						<a href="index.html">蓝景技术</a>
     					</div>
     					<div class="col-lg-1 col-md-2 col-sm-3 hidden-xs col-lg-push-4 col-md-push-2 col-sm-push-1 nav-items">
     						<a href="train.html">蓝景营销</a>
     					</div>
     					<div class="col-lg-1 col-md-2 col-sm-3 hidden-xs col-lg-push-4 col-md-push-2 col-sm-push-1 nav-items">
     						<a href="publicity.html">蓝景培训</a>
     					</div>
     					<div class="col-lg-1 col-md-2 col-sm-3 col-xs-6 col-lg-push-4 col-md-push-2 col-sm-push-1 nav-items logo">
     						<a href="index.html">
     							<img src="img/train_img/logo_01.png" alt=""/>
     						</a>
     					</div>
     				</div>
     			</div>   
     		</nav>
     		<div class="container paragraph">
     			<div class="row">
     				<div class="col-lg-5 col-xs-12 col-lg-push-7">
     					<p>蓝景培训<span class="line"><img src="img/publicity_img/line.png"/></span></p>
     					<h2>科技信徒 海盗精神</h2>
     					<p>我们热爱互联网、热爱前端，深信技术带来更好的生活<br />对技术探索永无止境，我们科技的信徒！！</p>
     					<p>我们勤奋、勇敢与拼搏，不惜一切努力，改变命运<br />在网络的海洋中，我们就是海盗！！</p>
     				</div>
     			</div>
     		</div>
     		<!--轮播图-->
     		<div class="container slide">
     			<img src="img/publicity_img/slide_01.png" alt="" class="img-responsive"/>
     		</div>
		</header>
		<section class="students-note">
			<div class="title">
				<p>学员笔记</p>
			</div>
			<div class="pointer">
				<img src="img/publicity_img/pointer.jpg" alt="" />
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-4 col-md-6 col-sm-6">
						<div class="item">
							<p class="decs">我们热爱互联网、热爱前端，深<br />信技术带来更好的生活对技术探<br />索永无止境，我们科技的信徒！</p>
							<div class="bottom">
								<div class="head">
									<img src="img/publicity_img/head_01.png" alt="" />
								</div>
								<p><span>学员／</span>梁非凡</p>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-6 col-sm-6">
						<div class="item">
							<p class="decs">我们热爱互联网、热爱前端，深<br />信技术带来更好的生活对技术探<br />索永无止境，我们科技的信徒！</p>
							<div class="bottom">
								<div class="head">
									<img src="img/publicity_img/head_01.png" alt="" />
								</div>
								<p><span>学员／</span>梁非凡</p>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-6 col-sm-6">
						<div class="item">
							<p class="decs">我们热爱互联网、热爱前端，深<br />信技术带来更好的生活对技术探<br />索永无止境，我们科技的信徒！</p>
							<div class="bottom">
								<div class="head">
									<img src="img/publicity_img/head_01.png" alt="" />
								</div>
								<p><span>学员／</span>梁非凡</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="hr-decs">
				<p>专业HR —— 帮助每一位实训生</p>
				<h4>就业无须迷惘</h4>
				<p>优秀专业的HR团队，帮助各位实训生，进行个人能力分析并作出职业规划，和素<br />质训练建议。帮助各位实训生在面试就业的方向上，更有信心和把握。</p>
			</div>
		</section>
		<section class="hr-desc-mid">
			<div class="first">
				<div class="mask"></div>
				<div class="item-wrap">
					<div class="icon-wrap">
						<img src="img/publicity_img/icon_03.png"/>
					</div>
					<p>DISC职场测试<br />人格分析</p>
				</div>			
			</div>
			<div class="second">
				<div class="item-wrap">
					<div class="icon-wrap">
						<img src="img/publicity_img/icon_04.png"/>
					</div>
					<p>DISC职场测试<br />人格分析</p>
				</div>	
			</div>
			<div class="third">
				<div class="item-wrap">
					<div class="icon-wrap">
						<img src="img/publicity_img/icon_05.png"/>
					</div>
					<p>就业简历<br />面试技巧指导</p>
				</div>	
			</div>
			<div class="fourth">
				<div class="item-wrap">
					<div class="icon-wrap">
						<img src="img/publicity_img/icon_06.png"/>
					</div>
					<p>九型人格测试<br />职业发展规划</p>
				</div>	
			</div>
		</section>
		<section class="hr-desc-bottom">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 col-md-6 col-sm-5 pic-wrap">
						<div class="first">
							<img src="img/publicity_img/pic_01.jpg" alt="" />
						</div>
						<div class="second">
							<img src="img/publicity_img/pic_02.jpg" alt="" />
						</div>
						<div class="third">
							<img src="img/publicity_img/pic_02.jpg" alt="" />
						</div>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-7">
						<div class="paragraph">
							<p>选择，就是改变</p>
							<h4>3个月，蜕变的开始</h4>
							<p>如果你<br />也热爱前端、科技信徒、具备海盗精神，想用技术改<br />变命运，那么请联系我们。<br />如果你<br />已决定参加实训，尝试联系我们，货比三家<br />让你了解我们更多！！</p>
							<p class="btn">
								<a href="">已有多名学员<br />从蓝景实训学习、就业</a>
							</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-12 circle">
						<img src="img/publicity_img/circle_01.png" alt="" />
					</div>
				</div>
			</div>			
		</section>
		<section class="student">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 col-xs-12">
						<div class="card">
							<div class="imgwrap">
								<img src="img/train_img/icon_04.png" alt="" class="ali"/>
								<div class="head">
									<img src="img/publicity_img/head_02.png" alt="" />
								</div>
							</div>
							<div class="line"></div>
							<p><i>学员／</i>梁非凡</p>
							<p><span><i>就业／</i>阿里云  </span> <span><i>薪资／</i>8000</span></p>
							<p>我们热爱互联网、热爱前端，深信技术带来更好<br />的生活对技术探索永无止境，我们科技的信徒！！</p>							
						</div>
					</div>
					<div class="col-lg-6 col-xs-12">
						<div class="card card-2">
							<div class="imgwrap">
								<img src="img/train_img/icon_07.png" alt="" />
								<div class="head">
									<img src="img/publicity_img/head_03.png" alt="" />
								</div>
							</div>
							<div class="line"></div>
							<p><i>学员／</i>梁非凡</p>
							<p><span><i>就业／</i>阿里云  </span> <span><i>薪资／</i>8000</span></p>
							<p>我们热爱互联网、热爱前端，深信技术带来更好<br />的生活对技术探索永无止境，我们科技的信徒！！</p>							
						</div>
					</div>
				</div>
			</div>
		</section>
		<section class="advantage">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 col-md-12 left">
						<div class="cards-item start">
							<p>蓝景实训 一切为你</p>
							<h4>专注前端   7大优势</h4>
							<div class="imgwrap mt">
								<img src="img/publicity_img/bg_01.jpg" alt="" />
							</div>
						</div>
					</div>
					<div class="col-lg-6 col-md-12 right">
						<div class="cards-item one">
							<div class="imgwrap">
								<img src="img/publicity_img/bg_02.jpg" alt="" />
							</div>
							<h4>时间</h4>			
							<p>3个月，每天10小时，周一到周六，<br />保证学习时间和质量</p>											
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-6 col-md-12 left">
						<div class="cards-item two">
							<h4>地点</h4>			
							<p>提高学员综合素质。<br />坚持在CBD中心举办课程，提早感受商业环境气息</p>		
							<div class="imgwrap mt">
								<img src="img/publicity_img/bg_04.jpg" alt="" />
							</div>
						</div>
					</div>
					<div class="col-lg-6 col-md-12 right">
						<div class="cards-item three">
							<div class="imgwrap">
								<img src="img/publicity_img/bg_03.jpg" alt="" />
							</div>
							<h4>时间</h4>			
							<p>3个月，每天10小时，周一到周六，<br />保证学习时间和质量</p>											
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-6 col-md-12 left">
						<div class="cards-item four">
							<h4>项目</h4>			
							<p>5-8个半年内的市场上的最新项目，紧贴市场</p>		
							<div class="imgwrap mt mt-2">
								<img src="img/publicity_img/bg_06.jpg" alt="" />
							</div>
						</div>
					</div>
					<div class="col-lg-6 col-md-12 right">
						<div class="cards-item five">
							<div class="imgwrap">
								<img src="img/publicity_img/bg_05.jpg" alt="" />
							</div>
							<h4>先进</h4>			
							<p>最新的前端游戏引擎学习，让你走在行业最前</p>											
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-6 col-md-12 left">
						<div class="cards-item six end">
							<h4>讲师</h4>			
							<p>每班2名讲师，一主一辅，保证沟通顺畅</p>		
							<!--<div class="imgwrap">
								<img src="img/publicity_img/bg_04.jpg" alt="" />
							</div>-->
						</div>
					</div>
					<div class="col-lg-6 col-md-12 right">
						<div class="cards-item seven">
							<div class="imgwrap">
								<img src="img/publicity_img/bg_07.jpg" alt="" />
							</div>
							<h4>教学</h4>			
							<p>5年经验以上的前端教学经验，<br />20人以下的小班教学，精品课程</p>											
						</div>
					</div>
				</div>
			</div>
		</section>
		<section class="refuse">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 col-md-12 right">
						<div class="cards-item one">
							<div class="imgwrap">
								<img src="img/publicity_img/bg_08.jpg" alt="" />
							</div>
							<h4>拒绝一纸简历</h4>			
							<p>经蓝景实训出来的学生，不会让各位的简历<br />还只是一张单薄简历，而是丰厚的工作简历。</p>											
						</div>
					</div>
					<div class="col-lg-6 col-md-12 left">
						<div class="cards-item start">
							<p>蓝景实训 一切为你</p>
							<h4>专注前端   5大拒绝 </h4>
							<div class="imgwrap mt">
								<img src="img/publicity_img/bg_09.jpg" alt="" />
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-6 col-md-12 right">
						<div class="cards-item three">
							<div class="imgwrap">
								<img src="img/publicity_img/bg_10.jpg" alt="" />
							</div>
							<h4>拒绝远离CBD</h4>			
							<p>珠江新城CBD，让你实训更有感觉<br />拒绝“城中村” 式培训</p>											
						</div>
					</div>
					<div class="col-lg-6 col-md-12 left">
						<div class="cards-item two">
							<h4>拒绝大班教学</h4>			
							<p>每班人数20人，拒绝30-40人的大班教学，<br />深信只有精品课程，老师的时间与精力才能最好地<br />分配给学员。</p>				
							<div class="imgwrap  mt-3">
								<img src="img/publicity_img/bg_11.jpg" alt="" />
							</div>
						</div>
					</div>
					
				</div>
				<div class="row">
					<div class="col-lg-6 col-md-12 right">
						<div class="cards-item five">
							<div class="imgwrap">
								<img src="img/publicity_img/bg_12.jpg" alt="" />
							</div>
							<h4>先进</h4>			
							<p>每班2名讲师、周一到周六全天10小时进行培训，<br />多年的教学经验告诉我们，看视频学习过于局限，<br />不能灵活与学员沟通</p>											
						</div>
					</div>
					<div class="col-lg-6 col-md-12 left">
						<div class="cards-item four end">
							<h4>拒绝视频教学</h4>			
							<p>专注前端开发/教学，深信互联网的行业细分原则<br />只有专注才能获得卓越的成就</p>		
						</div>
					</div>					
				</div>
			
			</div>
		</section>
		<section class="problem">
			<h4>常见问题</h4>
			<div class="line white">
				<span>
					<img src="img/publicity_img/q.png" alt="" />
				</span>
				<span>假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假。</span>
			</div>
			<div class="line green">
				<span>
					<img src="img/publicity_img/Apic.png" alt="" />
				</span>
				<span>假字假字假字假字假字假字假字假假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假。假字假字字假假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假。</span>
			</div>
			<div class="line white">
				<span>
					<img src="img/publicity_img/q.png" alt="" />
				</span>
				<span>假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假。</span>
			</div>
			<div class="line green">
				<span>
					<img src="img/publicity_img/Apic.png" alt="" />
				</span>
				<span>假字假字假字假字假字假字假字假假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假。假字假字字假假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假字假。</span>
			</div>
		</section>
		<section class="address">
			<div class="map">
				<img src="img/publicity_img/map.jpg" alt="" class="img-responsive hidden-xs"/>
				<div class="map-address">
					<h4>实训部门位置</h4>
					<p>滨腾越大厦地处珠江新城CBD中轴线门户，坐镇华夏路与华强路交汇<br />处，毗邻黄埔大道、广州大道、华南干线三条主干道，紧靠市民广场<br />站，踞守地铁1号线、3号线体育西站，地铁5号线、3号线珠江新城<br />站，彰显不可比拟的商务办公区位优势。</p>
					<h5>附近地铁站</h5>
					<p>1号线、3号线体育西路站、5号线珠江新城站</p>
				</div>
			</div>
		</section>
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/bootstrap.js"></script>
		<script>
			$('.dropdown-toggle').dropdown()
		</script>
	</body>
</html>
